export default {
    data() {
        return {
            profileList: [{
                    "name": "头像",
                    "img": "img/wechat-cover.jpg",
                "ico": "img/符号-右.png",
                    "bl":true
                },

                {
                    "name": "昵称",
                    "des": "f5l5y5",
                    "ico": "img/符号-右.png",
                    "bl":true
                },
                {
                    "name": "拍一拍",
                    "des": "你拍我干什么",
                    "ico": "img/符号-右.png",
                    "bl":true
                },
                {
                    "name": "微信号",
                    "des": "fyl",
                    "ico": "img/符号-右.png",
                    "bl":true
                },

                {
                    "name": "二维码名片",
                    "img": "img/二维码.png",
                    "ico": "img/符号-右.png",
                    "bb":true
                },

                {
                    "name": "更多",
                    "ico": "img/符号-右.png",
                    "bb":true
                },


                {
                    "name": "微信豆",
                    "ico": "img/符号-右.png",
                    "bb":true
                },



                {
                    "name": "我的地址",
                    "ico": "img/符号-右.png"
                }
            ]
        }
    },
    template: `
    <div class="profile">
        <div class="header">
            <div @click="back" class="back">
                <img src="./img/arrow-left-bold.png" alt="">
            </div>
            <div class="header-title"><h3>{{$route.query.title}}</h3></div>
        </div>
        <div class="profile-content" v-for="item in profileList" :class="{bb:item.bb,bl:item.bl}">
            <div class="left">
                <span>{{item.name}}</span>
            </div>
            <div class="right">
                <img :src="item.img" alt="">
                <span>{{item.des}}</span>
                <img :src="item.ico" alt="">
            </div>
        </div>
            
    </div>
    `,
    methods: {
        back() {
            this.$router.back();
        }
    },
}